<script lang="ts">
import { defineComponent, onMounted, ref } from 'vue';

let globalId = 0;
export default defineComponent({
  name: 'OIconStar',
  svgType: 'fill',
  setup() {
    const classNames = ['o-svg-icon', 'o-icon-star', 'type-fill'];
    const isClient = ref(false);
    onMounted(() => {
      isClient.value = true;
    });
    return {
      isClient,
      classNames,
      globalId: globalId++,
    };
  },
});
</script>
<template>
  <svg viewBox="0 0 24 24" :class="classNames">
    <template v-if="isClient">
      <path d="M12.565 3.837c.252.124.456.328.58.58l1.735 3.516c.155.314.455.532.801.582l3.88.564a1.277 1.277 0 0 1 .708 2.179l-2.808 2.737a1.07 1.07 0 0 0-.306.942l.663 3.864a1.278 1.278 0 0 1-1.853 1.347l-3.47-1.824a1.07 1.07 0 0 0-.991 0l-3.47 1.824a1.278 1.278 0 0 1-1.853-1.346l.663-3.864a1.06 1.06 0 0 0-.306-.942L3.73 11.259a1.278 1.278 0 0 1 .708-2.178l3.88-.564c.347-.05.646-.268.801-.582l1.735-3.516a1.277 1.277 0 0 1 1.711-.58zm1.17 4.662-1.556-3.152a.2.2 0 0 0-.359 0l-1.556 3.152a2.34 2.34 0 0 1-1.589 1.249l-.174.032-3.479.506a.2.2 0 0 0-.111.341l2.517 2.454a2.34 2.34 0 0 1 .698 1.883l-.025.19-.594 3.465a.2.2 0 0 0 .29.211l3.112-1.636a2.34 2.34 0 0 1 2.006-.082l.173.082L16.2 18.83a.2.2 0 0 0 .27-.084q.031-.06.02-.127l-.594-3.465a2.34 2.34 0 0 1 .542-1.933l.132-.139 2.517-2.454a.2.2 0 0 0-.11-.341l-3.479-.506a2.34 2.34 0 0 1-1.679-1.125l-.084-.156z"/><path d="m12.068 5.067.003 11.923a2.4 2.4 0 0 0-.943.19l-.178.085-3.174 1.669a.205.205 0 0 1-.298-.16l.002-.055.606-3.534.025-.194a2.4 2.4 0 0 0-.578-1.778l-.134-.142-2.568-2.503a.205.205 0 0 1 .061-.333l.053-.015 3.549-.516.178-.033a2.4 2.4 0 0 0 1.535-1.115l.086-.159 1.587-3.216a.2.2 0 0 1 .191-.114z"/><path d="m11.936 5.067-.003 11.923a2.4 2.4 0 0 1 .943.19l.178.085 3.174 1.669q.062.032.129.021a.205.205 0 0 0 .169-.181l-.002-.055-.606-3.534-.025-.194a2.4 2.4 0 0 1 .578-1.778l.134-.142 2.568-2.503a.203.203 0 0 0-.061-.333l-.053-.015-3.549-.516-.178-.033a2.4 2.4 0 0 1-1.535-1.115l-.086-.159-1.587-3.216a.2.2 0 0 0-.191-.114z"/>
    </template>
  </svg>
</template>